<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			#showTable {
				width: 400px;
				height: 280px;
				margin: 100px auto;
				
			}
			table,
			th,
			td {
				border: 1px solid gainsboro;
				border-collapse: collapse;
			}
			th{
				color: white;
				background: dodgerblue;
			}
			
			td {
				text-align: center;
				
			}
			
			table tr:nth-child(even) {
				background: grey;
			}
			table tr:nth-child(odd) {
				background: darkgray;
			}
			 table tr:hover{
				background:white;
			}
		</style>
	</head>
	<body>
		<table id="showTable">
			<tr>
				<th><input type="checkbox"></th>
				<th>菜名</th>
				<th>饭店</th>
			</tr>
			
			<tr>
				<td><input type="checkbox"></td>
				<td>地三鲜</td>
				<td>田老师</td>
			</tr>
			<tr>
				<td><input type="checkbox"></td>
				<td>西红柿炒鸡蛋</td>
				<td>田老师</td>
			</tr>
			<tr>
				<td><input type="checkbox"></td>
				<td>酸辣土豆丝</td>
				<td>田老师</td>
			</tr>
			<tr>
				<td><input type="checkbox"></td>
				<td>萝卜炒黄豆</td>
				<td>田老师</td>
			</tr>
		</table>
	</body>
</html>
